<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			body{
				width:280px;
			}
			li{
				list-style: none;
				
			}
			h3{
				background: linear-gradient(to bottom,#0467ac,#63a7d6,#b6dbf5);
				height:30px;
				line-height: 30px;
				color:white;
				padding-left:10px;
			}
			a{
				text-decoration: none;
				
			}
			h5{
				background: linear-gradient(to bottom,#e4f1fa,#bddff7,#e4f1fa);
			    height:28px;
				line-height: 28px;
				padding-left:20px;
			}
			h5 a{
				color:#0467AC;
			}
			p a{
				color:#666666;
			}
			h5 a:hover{
				text-decoration: underline;
			}
			p a:hover{
				text-decoration: underline;
				color:red;
			}
			p:nth-of-type(1){
				padding-left:8px;
			}
		</style>
	</head>
	
	<body>
		
				<h3>家用电器</h3>
			<ul>
			    <li>	
					<h5><a href="#">大家电</a></h5>
					<p><a href="#">平板电视 </a><a href="#">洗衣机 </a><a href="#">冰箱</a></p>
					<p><a href="#">空调 </a><a href="#"> 烟机/灶具  </a><a href="#">热水器</a></p>
					<p><a href="#">冷柜/酒柜 </a><a href="#"> 消毒柜</a><a href="#">  家庭影院</a></p>
			    </li>
			
				<li>
					<h5><a href="#">生活电器</a></h5>
					<p><a href="#">电风扇 </a><a href="#"> 净化器  </a><a href="#">吸尘器</a></p>
					<p><a href="#">净水设备 </a><a href="#"> 挂烫机  </a><a href="#">电话机</a></p>
				</li>
				
				<li>
					<h5><a href="#">厨房电器</a></h5>
					<p><a href="#">榨汁机  </a><a href="#">电压力锅  </a><a href="#">电饭煲</a></p>
					<p><a href="#">豆浆机 </a><a href="#"> 微波炉  </a><a href="#">电磁炉</a></p>
				</li>
				
				<li>
					<h5><a href="#">五金家装</a></h5>
					<p><a href="#">淋浴/水槽 </a><a href="#"> 电动工具 </a><a href="#"> 手动工具</a></p>
					<p><a href="#">仪器仪表  </a><a href="#">浴霸/排气  </a><a href="#">灯具</a></p>
				</li>
        </ul>
	</body>
</html>
